<template>
	<div class="ivu-cell-item">
		<div class="ivu-cell-icon">
			<slot name="icon"></slot>
		</div>
		<div class="ivu-cell-main">
			<div class="ivu-cell-title">
				<slot>{{ title }}</slot>
			</div>
			<div class="ivu-cell-label">
				<slot name="label">{{ label }}</slot>
			</div>
		</div>
		<div class="ivu-cell-footer">
			<span class="ivu-cell-extra">
				<slot name="extra">{{ extra }}</slot>
			</span>
		</div>
	</div>
</template>
<script lang="ts">
	import { Prop, Component } from "vue-property-decorator";
	import Anes from "../base";
	@Component
	export default class CellItem extends Anes {
		@Prop({ type: String, default: "" }) title!: string;
		@Prop({ type: String, default: "" }) label!: string;
		@Prop({ type: String, default: "" }) extra!: string;
	}
</script>